@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px){
	.contactMap,.cust,.news,.products,.about{filter:blur(0px);}
}
@media (max-width: 768px){
	.banner,.banner li img{ height:400px;}
	.page_img img{ height:300px;}
	header.header{ padding:10px 0px;}
	.iconnav-list:before{ font-size:50px; color:#333; line-height:64px;}
	#dh{ display:block; color:#fff;}
	
	nav{ position:absolute;  top:0px; left:0px; width:100%; max-width:100%; margin:0px;}
	.nav{ position:absolute; float:left; background:rgba(237,27,40,0.8); height:0px; z-index:20;overflow:hidden; top:0px; right:0px;width:100%; margin:0px;max-width:40%; padding:0px !important; display:block;}
	.nav li{ float:left; max-width:100%; width:100%; text-align:center; padding:0px;}
	.nav li a{ color:#fff; float:left; width:100%;  border-right:0px; padding:0px; line-height:40px;height:40px;}
	nav li:hover a::after{ display:none;}
	.nav>li>a:hover{ border-color:#fff; background:#fff; color:#333;}
	.nav li a{ font-size:16px;}
	.header .logo{ max-width:calc(100% - 300px);}
	.switch{ max-width:120px;}
	.foot_r{ float:left;}
	.often .title{ font-size:24px; text-align:center;}
	.often .text{ font-size:20px; text-align:center;}
	.often::after{margin:15px auto 0px auto;}
	
	.ab_l{ max-width:100%; background-position:right center; background-size:cover; padding:50px 2% 50px 2%; background-image:url(../images/ab_01.jpg);}
	.ab_l .intro{ max-width:100%;}
	.ab_l .often{ margin-top:0px;}
	.ab_l ul{ max-width:100%; margin-top:30px !important;}
	.ab_l ul li{ max-width:21%; margin:0px 2%;}
	
	.pro_b{ padding:50px 0px;}
	.pro_l{ max-width:100%; width:100%;}
	.pro_r{ max-width:100%; width:100%; margin-top:20px;}
	.pro_r li{ max-width:49%; margin:0px;}
	.pro_r li:nth-of-type(even){ float:right;}
	
	.news{ padding:50px 0px;}
	.news_l{ max-width:100%;}
	.news_l .column{margin-top:10px; display:block; overflow:hidden; float:none;}
	.news_l .column a{ margin-top:20px; max-width:calc(100% / 3); justify-content:center;}
	.news_l .column a span{ margin-right:0px;}
	.news_l .more{ float:none; display:block; margin:30px auto 0px auto;}
	.news_r{ max-width:100%; padding-top:50px;}
	
	.cust{ padding-bottom:80px;}
	.cust_b{ display:block; margin-top:50px;}
	.cust_l{ padding-top:30px; max-width:100%;}
	.cust_l .circle{ display:none;}
	.cust_l .intro{ margin-top:40px;}
	.cust_r{ max-width:100%; padding-top:0px; transition-delay:0s;}
	.cust_rt{ overflow:hidden; float:left; margin-top:80px; max-width:100%; width:100%;}
	
	.cont_l{ max-width:100%; padding:0px;}
	.cont_l div{ margin:10px 0px;}
	.cont_r{ max-width:100%;}
	.cont_l .code span{ margin:0px; max-width:50%; text-align:center; width:100%;}
	.cont_lny{ max-width:100%; padding:0px;}
	.cont_lny div{ margin:10px 0px;}
	.cont_rny{ max-width:100%;}
	.cont_lny .code span{ margin:0px; max-width:50%; text-align:center; width:100%;}
	.contactMap{ padding:50px 2% 80px 2%; box-sizing:border-box;}
	

	.max{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
}
@media (max-width: 425px){
	.header .logo{ max-width:calc(100% - 200px);}
	.iconnav-list:before{ font-size:40px; line-height:normal;}
	.ab_l{transform:translateX(0%)}
	.ab_l ul li{ max-width:49%; margin:5px 0px; float:left;}
	.ab_l ul li:nth-of-type(even){ float:right;}
	.pro_l a .picture img{ height:auto;}
	.pro_b a .picture img{ height:150px;}
	.news_r li{ max-width:100%; margin-top:30px;}
	.news_r li .content{ margin-top:10px;}
	.ab_l ul li .title{ font-size:16px;}
	.news_r li .picture img{ height:auto;}
	.cust_r .column .picture img{ height:140px;}
	.cust_r .column .content .title{ font-size:20px; letter-spacing:3px;}
	.cust_r .message .cust_title .title{ float:left; width:100%; text-align:center; font-size:24px;}
	.cust_r .message .cust_title .text{ margin-left:0px; text-align:center; width:100%;}
	.cont_r img{ height:auto !important;}
	
	footer.footer.page{ padding-bottom:120px;}
	
	
	
	
	
	.page_address{ padding-top:0px; border:0px;}
	.page_address .max{ padding:0px !important;}
	.page_address .address{ max-width:100%; border-bottom:1px solid #eee; padding:10px 2%; box-sizing:border-box;}
	.page_address .page_column{ max-width:100%; margin-top:15px; width:100%; display:flex; flex-wrap:wrap; justify-content:center;}
	.page_address .page_column a{ padding-bottom:6px; margin:6px;}
	.page_odd{ margin-top:20px;}
	
	
	.page_news_list{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	.page_news_list li .picture{ max-width:100%;}
	.page_news_list li .picture img{ height:auto;}
	.page_news_list li .content{ max-width:100%; width:100%; margin-top:20px;}
	.page_news_list li .content .text{ margin-top:0px;}
	.page_news_list li .content time{ line-height:20px; font-size:12px;}
	
	
	
	.banner li img{ height:260px !important;}
	.page_img img{ height:180px !important;}
	.page_often .text{ font-size:24px;}
	.page_often .title{ font-size:12px;}
	.page_often{ margin: 20px auto 40px auto;}
	
	
	
	.sj_footer{ display:block;}
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
	
	
	.page_pro_list{ margin-top:0px;}
	
	.page_news_list li div:first-child{ width:100%;}
	.page_news_list li div img{ height:auto;}
	.page_news_list li div:nth-of-type(2){ width:100%;}
	
	.page_pro_list li{ max-width:49%; float:left; margin-right:0px; margin-bottom:10px;}
	.page_pro_list li:nth-of-type(even){ float:right;}
	.page_pro_list li .picture img{ height:180px;}
	
	.page_odd .title{ font-size:18px; line-height:normal;}
	.page_odd time{ border-top:0px;}
	.about{ background-size:cover;}
	.about .page_title .title{ margin:30px auto;}
	.about_b{ margin-top:30px;}
	.page_message form .line:nth-of-type(1){ max-width:100%;}
	.page_message form .line:nth-of-type(2){ max-width:100%;}
	
}

@media (max-width: 375px){
	.switch select{ margin-top:10px;}
	.banner ul li img{ height:160px;}
	.page_img img{ height:140px !important;}
	.page_title{ max-width:90%; float:right;}
	.page_pro_list li{ max-width:100%;}
	.page_pro_list li div img{ height:auto;}
	
	.footer .content .contact .contact_t span{ max-width:100%;}
	.play{ padding-left:2%; box-sizing:border-box; padding-right:2%;}
	.play_b{ padding-left:0px !important; padding-right:0px !important;}
	.play_num li{ padding:10px 0px;}
	.play_num li .title{ font-size:14px;}
	
}



@media (max-width: 320px){
}
@media (max-height: 700px){
	.ab_l .intro{ margin-top:1%;}
	.ab_l ul{ margin-top:1%;}
	.often::after{ margin-top:15px;}
	.cust_r .message{ padding:10px 7.5%;}
	.cust_r .message input{ padding:5px 3%;}
	.cust_r .column .picture img{ height:170px;}
	.cust_r .message textarea{ height:84px;}
	.cont_l{margin-top:40px;}
	.cont_l div{margin:10px 0px;}
	.cont_r img{ height:450px; object-fit:cover;}
	.cont_lny{margin-top:40px;}
	.cont_lny div{margin:10px 0px;}
	.cont_rny img{ height:450px; object-fit:cover;}
	
}
@media (max-height: 300px){
	.control{ display:none;}
	.subject{ display:none;}
	nav{ display:none;}
	.switch{ max-width:150px;}
	footer.footer{ padding-bottom:0px;}
	.remind{ position:fixed; top:0px; bottom:0px; width:100%; font-size:20px; font-weight:bold; display:flex; align-items:center; justify-content:center; text-align:center;}
}